
*{margin:0; padding:0;font:12px 'Microsoft YaHei', Helvetica,Arial, sans-serif; color: #333;}
a{ text-decoration:none;}
ul, ul li{ list-style:none;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.float_l{ float:left;}
.float_r{ float:right;}
.bg-grey{ background-color: #FAFBFD;}
.bg-white{ background-color: #fff;}
.line-blue{height: 4px;width: 30px;background-color: #025EFF;display: block;margin: 35px 0;}


.navBox{ width:1200px; height: 80px; margin: 0 auto; padding-top: 22px; box-sizing: border-box;}
.navBox .logo{float: left; width:90px;}
.nav{ float: right;}
.nav li{float: left; width: 95px; text-align: center;}
/* .nav li span{ display: block; width: 28px;height: 3px;background: #025EFF; margin: 10px auto 0;} */
.nav a{ line-height: 28px;font-size: 14px;color: rgba(51, 51, 51, 1); }
.nav a:hover{color: rgba(2, 94, 255, 1);}
.nav a.on{border-bottom: 2px solid rgba(2, 94, 255, 1); color: rgba(2, 94, 255, 1);padding: 8px 0;}

.loginBtn{ float: right; margin-left: 20px; padding: 6px 0;}
.loginBtn li{ float:left; width: 70px; text-align: center;}
.loginBtn a{color: rgba(51, 51, 51, 1); font-size: 14px; line-height: 20px;}
.loginBtn .on{ width: 91px; height:32px;border-radius: 4px;background-color: #025EFF; color: #fff; padding: 4px 18px 5px;}

.banner-gzf,.banner-ds,.banner-kffw,.banner-xly,.banner-rcfw,.banner-index{background-size: 100% 434px; height: 434px; width: 100%; padding-top: 100px; box-sizing: border-box;}
.banner-gzf{background-image: url(./img/img_01/banner.png); }
.banner-ds{background-image: url(./img/img_02/banner.png);}
.banner-kffw{background-image: url(./img/img_03/banner.png);}
.banner-xly{background-image: url(./img/img_04/banner.png);}
.banner-rcfw{background-image: url(./img/img_05/banner.png);}
.banner-index{background-image: url(./img/img_06/banner.png);}

.banner-subTit{ width: 1200px; margin: 0 auto;color: #fff;}
.banner-subTit h1{font-size: 44px; font-weight: bold; text-align: left; color: #fff;}
.banner-subTit p{text-align: left;font-size: 20px; color: inherit; margin: 25px 0 40px; line-height: 28px;}
.banner-subTit a{ background-color: #025EFF; width: 202px; line-height: 50px; border-radius: 6px; color: #fff; font-size: 20px; text-align: center; display: block;}

footer{ background-color: rgba(31, 32, 34, 1); width: 100%; height: 400px; color: #fff;}
.footer{width: 1200px; margin: 0 auto; padding-top: 40px;}
.footer h1{text-align: left; font-size: 14px; line-height: 50px; margin-bottom: 20px; color:#fff;}
.footLogo ,.aboutUs ,.contactUs,.gzh{float: left;}
.footLogo{ width: 350px;}
.aboutUs{ width: 200px;}
.contactUs{width: 200px;}
.gzh{width: 400px;}
.footLogo b{ height: 4px; width: 30px; background-color:#025EFF ;display: block; margin: 10px 0 20px;}
.footLogo p{ line-height: 20px; font-size: 12px; color: rgba(153, 153, 153, 1);}
.aboutUs a{ line-height: 30px; color: rgba(153, 153, 153, 1);}
.contactUs p{ margin-bottom: 30px;}
.contactUs b{display: block; color: rgba(153, 153, 153, 1); line-height: 20px;}
.contactUs span{ font-size: 16px; color: rgba(255, 255, 255, 1);}
.contactUs .txt{ text-indent: 16px;}

.subH{ color: #666; font-size: 18px; text-align: center; line-height: 28px;}
.subTit{ width: 100%; height: 60px;}
.subTit ul{width: 1200px; margin: 0 auto;}
.subTit li{float: left; height: 60px;width: 240px; text-align: center;}
.subTit a{font-size: 18px; line-height: 60px;cursor: pointer;}
.subTit a.on{border-bottom: 4px solid rgba(2, 94, 255, 1); color: rgba(2, 94, 255, 1); line-height: 56px; display:inline-block;}


.gzfBox h1,.dsBox h1,.kffwBox h1,.xlyBox h1,.rcfwBox h1,.indexBox h1{ font-size: 28px; padding: 70px 0 25px; text-align: center;}

.gzh li{float: left; width: 200px;}
.gzh p{ line-height: 30px; margin-top: 10px; color: rgba(255, 255, 255, 1); font-size: 16px;}
.gzh a{ color: rgba(153, 153, 153, 1); font-size: 16px;}

.shadow{box-shadow: 2px 2px 10px #f1f1f1 inset; }

/*gzf*/
.gzf-f-box{ width: 1200px; margin: 0 auto 80px; overflow: hidden;}
.gzf-f-box .gzf-imgBox{float: left;height: 498px;}
.gzf-imgBox .img_l{ width: 585px; height: 498px; position: relative;}
.gzf-imgBox img{ position: absolute;top: 0;}
.gzf-imgBox .f-txtWrap{ position: absolute; bottom: 30px; width: 100%; display: block; padding-left: 25px; box-sizing: border-box; text-align: left;}
.gzf-imgBox b{ margin: 15px 0;}
.gzf-imgBox h2{font-size: 24px; color: #fff;}
.gzf-imgBox p{ font-size: 16px; color: #fff;}
.img_s{ width: 205px; height: 498px; position: relative;}
.img_s span{ font-size: 16px; position:absolute;bottom: 30px; color: #fff; text-align: center; width: 100%; left: 0;}

.gzf-overview ul{ width: 1200px; margin: 80px auto 0;}
.gzf-overview li{ width: 224px; height: 147px; float: left;box-shadow: 2px 2px 10px 0px rgba(85, 116, 169, 0.14); margin-right: 20px; border-radius: 8px; position: relative; padding: 25px 0 0 10px; box-sizing: border-box;}
.gzf-overview li img{ position: absolute; right:10px; top:-20px;}
.gzf-overview li p{font-size: 20px; line-height: 50px;}
.gzf-overview li span{ font-size: 12px;}
.gzf-overview li:last-child{margin-right: 0;}

.gzf-train,.ds-type,.kffw-service{ background:url(./img/img_01/gzf-train-bg.png) no-repeat; width: 100%; height: 730px; text-align: center;background-size:100% 100%;  }
.gzf-train img{ width: 1204px; height: 422px;}
.gzf-topic{ width: 1200px; height: 700px; margin: 0 auto; position: relative;}
.gzf-topic ul{ width: 230px; position: absolute;left: 0; z-index: 9; }
.gzf-topic li{ height: 50px; line-height: 50px;}
.gzf-topic span{ display: block; font-size: 18px;}
.gzf-topic span.on{ color: rgba(2, 94, 255, 1); border-right: 1px solid rgba(2, 94, 255, 1);}
.topic-content{float: right; width: 942px; }
.topic-content h2{ font-size: 18px; color: rgba(51, 51, 51, 1);width: 942px; height: 50px;  border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.topic-content .topicwrap{ text-align: left;}
.topicwrap img{display: block;}
.topicwrap p{ font-size: 14px; line-height: 26px; margin: 20px 0 50px;color: rgba(102, 102, 102, 1);}
.gzf-topic .line{ position: absolute; left: 229px; width: 1px; height: 500px; background-color: #ddd;}
.gzf-case,.ds-case{width: 100%; background-color: rgba(250, 251, 253, 1); height: 580px;}
.caseBox{ width: 1200px; margin: 0 auto;  position: relative;}
.caseBox .box{border-radius: 20px;box-shadow: 2px 2px 10px 0px rgba(85, 116, 169, 0.14); padding: 60px 110px; box-sizing: border-box; position: absolute; margin: 0 auto; width: 1200px; background-color: #fff;}
.caseBox .caseLogo{ width: 234px; height: 234px;float: left;}
.caseWrap{float: right; width: 630px;font-size: 14px; line-height: 24px;}
.caseWrap h2{ font-size: 20px;  margin-bottom: 10px;}
.caseWrap b{ height: 4px; width: 30px; background-color:#025EFF ;display: block; margin: 25px 0; border-radius: 2px;}
.caseWrap p{ font-size: inherit; line-height: inherit; color: #666;}
.circle{width: 100px; height: 100px;background-image: linear-gradient( 147deg, rgba(86, 140, 251, 1) 0%, rgba(110, 182, 254, 1) 100% ); box-shadow: 0px 3px 15px 0px rgba(95, 157, 251, 0.53);border-radius: 50%; position: absolute; right: -35px; top: -70px;}
.caseWrap span{font-size: 20px; color: #666; line-height: 30px;}
.case-pic{float: left;}
.caseBox .lf{ position: absolute; top: 150px; left: -50px;}
.caseBox .rt{ position: absolute; top: 150px; right: -50px;}

/*cxds*/
.ds-ov-wrap{width: 1200px; height:580px; margin: 0 auto; position: relative; text-align: center;}
.ds-ov-img img{ margin: 90px 0 0;}
.ds-overview .ds-ovC li{ position: absolute;text-align: right;}
.ds-overview .ds-ovC p{ font-size: 20px;}
.ds-overview .ds-ovC span{font-size: 16px; color: #999; line-height: 24px;}
.ds-overview .ds-ovC .ds-ovC01{ left: 170px; top: 250px;}
.ds-overview .ds-ovC .ds-ovC02{ left: 50px; top: 350px;}
.ds-overview .ds-ovC .ds-ovC03{ left: 130px; top: 450px;}
.ds-overview .ds-ovC .ds-ovC04{ right: 210px; top: 250px; text-align: left;}
.ds-overview .ds-ovC .ds-ovC05{ right: 120px; top: 350px; text-align: left;}
.ds-overview .ds-ovC .ds-ovC06{ right: 130px; top: 450px; text-align: left;}

.feature .f-wrap{ width: 1190px; height: 400px; margin: 40px auto 0}
.feature .f-wrap li{ width: 338px;background-color: #fff; float: left; margin-right: 88px; box-shadow: 2px 2px 10px 0px rgba(85, 116, 169, 0.14);  position: relative;}
.feature .f-wrap li:last-child{margin: 0;}
.f-wrap h3{ width: 80%; margin: 40px auto 0; font-size: 20px;}
.f-wrap h3.blue{ color: #025EFF;}
.f-wrap span{ display: block; width: 80%; height: 1px; background-color: #eee; margin: 20px auto;}
.f-wrap span.hr{background-color: #025EFF;}
.f-wrap p{ font-size: 16px; width: 80%; margin: 20px auto;}
.f-wrap img{ display: block;}
.f-wrap b{ position: absolute; bottom: 0; height: 6px; background-color: #025EFF; display: block; width: 100%;}

.ds-train-box{ text-align: center; padding-bottom: 60px;}
.ds-train-box h2{ font-size: 22px; margin: 10px 0 20px;}
.ds-train-box p{font-size: 16px; margin-bottom: 40px; color: #999;}
.ds-type-box { width: 1192px; margin: 0 auto; background-color: #fff;box-shadow: 2px 2px 10px 0px rgba(85, 116, 169, 0.14); }
.ds-type-box ul{ float: left;}
.ds-type-box ul li{ height: 122px; width: 356px;font-size: 20px;
box-shadow: 2px 2px 4px 0px rgba(148, 181, 239, 0.25); line-height: 122px; cursor: pointer;}
.ds-type-box ul li.on{ background-color: #025EFF; color: #fff;}
.ds-typeP{float: left;}
.ds-typeP img{display: block;}
.ds-case{ background-color: #fff;}
.ds-case .caseBox .box{ padding: 30px;}
.ds-case .caseBox .caseWrap{ width: 400px; float: left; padding-left: 80px;}

/*kffw*/

.kffw-ov-img{ text-align: center; padding: 80px 0;}
.kffw-scene-img{ text-align: center; padding: 40px 0;}
.kffw-service{ height: auto;}
.kffw-service-box{ width: 1190px; height: 440px; margin: 0 auto; padding-bottom: 50px;}
.kffw-service-box ul{ float: left; width: 120px;}
.kffw-service-box ul li{ height: 50px; line-height: 50px; font-size: 16px;  width: 120px; color: #B8C6D3; margin-bottom: 40px; cursor: pointer;}
.kffw-service-box ul li.on{border-radius: 6px;
  background-color: rgba(243, 245, 252, 1);  box-shadow: 4px 4px 12px 0px rgba(208, 216, 226, 0.7); justify-content: center; align-items: center;  color: rgba(2, 94, 255, 1);}
.kffw-service-box .line{ float: left; background-color: #A2A4AD; width: 1px; height: 440px; margin: 0 40px;}
.kffw-s-intro{ float: left; width: 900px;}
.kffw-s-intro p{font-size: 14px; line-height: 24px; text-align: left;}
.kffw-s-intro a{width: 170px;height: 40px;border-radius: 20px;border: 1px solid rgba(2, 94, 255, 1); margin-top: 29px; display: block; font-size: 16px; color: #025EFF; line-height: 40px;}
.kffw-introWrap{ width: 450px;float: left;}
.s-introBox{ margin-bottom: 40px;}
.kffw-s-intro .picBox{ width: 411px; float: right;}
.kffw-s-intro .picBox p{ font-size: 16px; line-height: 24px; text-align: left; padding: 15px 0 0;}
.kffw-case{width: 100%; background-color: #fff; height: 580px;}

/*xly*/
.xly-overview{ padding-bottom: 50px;}
.xly-ovC{ width: 1040px; overflow: hidden; margin: 50px auto;}
.xly-ovC li{float: left;text-align: center; width: 260px; margin-right: 130px;line-height: 28px;}
.xly-ovC li:last-child{margin-right: 0;}
.xly-ovC li h2{font-size: 20px; line-height: 28px; font-weight: 500;}
.xly-ovC li p{font-size: 16px; line-height: 28px; color: #666; margin-top: 15px; text-align: justify;}
.xly-type-box,.xly-train-box{ width: 1200px; margin: 30px auto 0; padding-bottom: 50px;}
.xly-typeM{ float: left;}
.xly-typeM li{ width: 330px; height: 70px; line-height: 70px; font-size: 20px; font-weight: 500;box-shadow: 2px 2px 15px 0px rgba(85, 116, 169, 0.14); margin-bottom: 25px; text-align: center; cursor: pointer;}
.xly-typeM li.on{ background-color: #025EFF; color: #fff;}
.xly-typeP{ float: right;}
.xly-typeP h2{ font-size: 24px; font-weight: 500; margin-bottom: 30px; }
.xly-typeP h2 span{ display: inline-block; width:4px; height: 24px; background-color: #025EFF; vertical-align: middle; margin-right: 15px;}
.xly-typeP p{ font-size: 16px; color: #666; line-height: 26px; margin: 20px 0;}
.xly-train-box{position: relative; height: 400px;}
.xly-train-box li{ position: absolute; width: 200px; text-align: center;}
.xly-train-box li.one{ top: 200px; left: 30px;}
.xly-train-box li.two{ top: 200px; left: 265px;}
.xly-train-box li.three{ top: 200px; left: 500px;}
.xly-train-box li.four{ top: 200px; left: 740px;}
.xly-train-box li.five{ top: 200px; left: 980px;}
.xly-train-box h2{ font-size: 20px;font-weight: 600; margin-bottom: 15px; }
.xly-train-box p{ font-size: 18px; color: #666; line-height: 28px;}
.xly-topic{padding-bottom: 50px;}
.xly-topic-box ul{width: 1200px; margin: 0 auto; overflow: hidden;}
.xly-topic-box li{float: left; width: 300px; height: 400px; text-align: center;padding-top: 100px; box-sizing: border-box;}
.xly-topicImg_01{ background: url(./img/img_04/xly_10.png);}
.xly-topicImg_02{ background: url(./img/img_04/xly_11.png);}
.xly-topicImg_03{ background: url(./img/img_04/xly_12.png);}
.xly-topicImg_04{ background: url(./img/img_04/xly_13.png);}
.xly-topic-box h2 span{ display: inline-block; color: #fff; font-size: 20px; height: 35px; font-weight: 600; border-bottom: 2px solid rgba(255,255,255,.4); margin-top: 15px;}
.xly-topic-box p{ margin: 20px 0; font-size: 16px; line-height: 28px; font-weight: 400; color: #fff;}
.xly-case{ width: 100%; height: 235px; background:url(./img/img_04/xly_19.png);background-size: 100% 235px; box-sizing: border-box; text-align: center;}
.xly-case h1{ color:#fff; font-size: 28px; text-align: center;}
.xly-case a{ width: 202px; height: 51px; background-color: #025EFF; color: #fff; font-size: 20px; line-height: 51px; display:inline-block}

/*rcfw*/
.rcfwBox .subTit ul{ width: 720px;}
.rc-ov-wrap .f-wrap{ margin-top:60px;}
.rc-ov-wrap li{ height: 313px;}
.rc-ov-wrap b{ top: 0;}
.rc-ov-wrap img{ position: absolute;bottom: 0; right: 0;}
.rcfw-adv-box{ width: 1160px; height: 450px; margin: 0 auto; position: relative;}
.adv_icon01{ position: absolute; top: 30px; z-index: 10; left: 20px;}
.rcfw-adv-box .txt{position: absolute; top: 55px; left: 0;width: 619px;height: 273px;background: #fff;box-shadow: 2px 2px 19px 0px rgba(85, 116, 169, 0.05);border-radius: 6px; padding: 40px; box-sizing: border-box; z-index: 9;}
.rcfw-adv-box .txt p{font-weight: 400;color: #333;line-height: 30px; margin-bottom: 20px; font-size: 16px;}
.rcfw-adv-box .adv_img{ position: absolute;right: 0; width: 666px; height: 392px;}
.rc-service-box{width: 1190px; margin: 0 auto 80px;}
.rc-serviceWrap { margin-top: 50px; overflow: hidden;}
.rc-serviceWrap .txtBox{ width: 480px; padding: 40px;}
.rc-serviceWrap .txtBox h2{font-weight: 500; font-size: 22px;color: #333333;line-height: 30px; margin: 30px 0;}
.rc-serviceWrap .txtBox p{font-weight: 400;color: #333;line-height: 30px; font-size: 16px;}

/*index*/
.index-factor {background: linear-gradient(180deg, #FFFFFF 0%, #F1F8FF 100%);}
.factorWrap{width: 1200px; height:680px; margin: 0 auto; position: relative; text-align: center;}
.factor-img img{ margin: 150px 0 60px;}
.factor-txt li{ position: absolute;text-align: right;}
.factor-txt p{ font-size: 20px;}
.factor-txt span{font-size: 16px; color: #999; line-height: 24px;}
.factor-txt .f-txt01{ top: 220px; left: 510px; margin: 0 auto; text-align: center;}
.factor-txt .f-txt02 {left: 140px; top: 330px;}
.factor-txt .f-txt03{ left: -60px; top: 515px;}
.factor-txt .f-txt04{ right: 70px; top: 330px; text-align: left;}
.factor-txt .f-txt05{ right: -80px; top: 515px; text-align: left;}

.idea-txt{ width: 1040px; overflow: hidden; margin: 50px auto;}
.idea-txt li{float: left;text-align: center; width: 260px; line-height: 28px;}
.idea-txt li:last-child{margin-right: 0;}
.idea-txt li h2{font-size: 20px; line-height: 28px; font-weight: 500;}
.idea-txt li p{font-size: 16px; line-height: 28px; color: #666; margin-top: 15px; text-align: justify;}
.idea-txt li.line{width: 1px; height: 180px; margin:100px  60px 0;  background-color: #E7EFFF;}

.train-conWrap{ width: 1320px; height: 433px; position: relative; margin: 30px auto;}
.train-conWrap .lf{position: absolute;left: 10px;top: 180px;}
.train-conWrap .rt{position: absolute;right:10px;top: 180px;}
.train-t{ width: 1220px; height: 433px; margin: 0 auto;}
.train-t .txt{width: 758px;height: 433px;background: #fff;box-shadow: 2px 2px 19px 0px rgba(85, 116, 169, 0.14);
border-radius: 2px;padding: 80px 0 80px 80px; box-sizing: border-box;}
.train-t .txt h2{ font-size: 20px;}
.train-t .txt p{ width: 350px; font-size: 16px; line-height: 32px; margin-bottom: 15px;}
.train-t .txt b{margin: 15px 0;}
.train-t .txt a{ font-size: 14px; color: #025EFF; vertical-align: middle; }
.train-t .txt a img{position: static; margin:0 0 3px 5px;}
.train-conWrap .train-t img{ position: absolute;top: 35px; right: 50px;}

.talent-content{ width: 1300px; margin: 0 auto; overflow: hidden;}
.talent-content img{ float: left;}
.talent-txt{float: right; width: 632px; padding-top: 60px;}
.talent-txt h2{ font-size: 20px;}
.talent-txt p{ font-size: 16px; line-height: 22px; margin-bottom: 30px;}
.talent-txt b{ margin: 15px 0;}

.tech-wrap ul{width: 940px; margin: 20px auto; overflow: hidden;}
.tech-wrap li{float: left; width: 300px; height: 400px; text-align: center;padding-top: 100px; box-sizing: border-box; margin-right: 20px; position: relative;}
.tech-wrap li:last-child,.i-case-wrap li{margin-right: 0;}
.techImg_01{ background: url(./img/img_06/index_07.png);}
.techImg_02{ background: url(./img/img_06/index_08.png);}
.techImg_03{ background: url(./img/img_06/index_09.png);}
.tech-wrap li b{ height: 8px; width: 100%; position: absolute;bottom: 0; background-color: #025EFF; left: 0;}
.tech-wrap h2 span{ display: inline-block; color: #fff; font-size: 20px; height: 35px; font-weight: 600; margin-top: 10px;}
.tech-wrap p{ margin-bottom: 20px; font-size: 16px; line-height: 28px; font-weight: 400; color: #fff; padding: 0 35px; text-align: left; }
.i-case-wrap{ width: 1173px; height: 431px; margin: 50px auto;overflow: hidden;}
.i-case-wrap li{width: 381px;  height: 431px;  box-shadow: 2px 2px 18px 0px rgba(85, 116, 169, 0.14);
border-radius: 6px;overflow: hidden; margin-right: 10px; float: left;}
.i-case-wrap li h2{ font-size: 18px; line-height: 25px; padding: 20px 20px 15px;}
.i-case-wrap li p{ padding: 0 20px 20px; font-size: 14px; line-height: 22px; color: #999;}






